<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东商品页面</title>
    <link rel="stylesheet" href="./CSS/shangpin.css">
</head>
<body>
    <header>
        <div class="header-top">
            <a href="index.html">京东首页</a> | <span>广东</span>
            <div class="header-right">
                <a href="#">你好，请登录</a>
                <a href="#">免费注册</a>
                <a href="#">企业采购</a>
                <a href="#">客户服务</a>
            </div>
        </div>
        <div class="header-main">
            <img src="./img/logo-201305-b.png" alt="京东">
            <input type="text" placeholder="华硕天选6pro">
            <button>搜索</button>
        </div>
    </header>
    <main>
        <div class="breadcrumb">
            <a href="#">电脑、办公</a> > <a href="#">电脑整机</a> > <a href="#">游戏本</a> > <a href="#">华硕 (ASUS)</a> > <a href="#">华硕天选6 Pro 锐龙版</a>
        </div>
        <div class="product-container">
            <div class="product-gallery">
                <img src="./img/38800d93d5bc61ed.jpg.avif" alt="华硕天选6 Pro">
            </div>
            <div class="product-info">
                <h1>华硕天选6 Pro 锐龙版 国家补贴20% 16英寸游戏本</h1>
                <div class="product-highlight">
                    <span class="tag">3C国家补贴</span>
                    <span class="tag">华硕天选</span>
                </div>
                <p class="price">补贴到手价：<span class="main-price">6639.2</span>元 <span class="discount">20% 国家补贴</span></p>
                <p class="original-price">原价：8299元</p>
                <div class="product-specs">
                    <p>锐龙9 8940HX</p>
                    <p>RTX5060满功耗</p>
                    <p>2.5K高亮电竞屏</p>
                </div>
                <div class="buttons">
                    <button class="cart-btn">加入购物车</button>
                    <button class="buy-btn">立即购买</button>
                </div>
            </div>
        </div>
        <div class="product-details">
            <h2>商品详情</h2>
            <p>这里是商品的详细信息...</p>
        </div>
        <div class="service-info">
            <h2>服务承诺</h2>
            <ul>
                <li>3年全保修 ¥389.00</li>
                <li>4年全保换新 ¥669.00</li>
                <li>京东物流 京准达</li>
            </ul>
        </div>
    </main>
    <footer>
        <p>Copyright © 2004-2025 京东JD.com 版权所有</p>
    </footer>
</body>
</html>